
<script setup>
//使用ref包裹对象或对象,变成响应式
import { ref } from 'vue';
const state=ref({
  count:0
})
console.log('state',state);

//使用ref包裹简单数据类型,变成响应式
//在setup中,可以直接使用state.value来获取值
const state2=ref(10)
console.log('state2',state2);
</script>

<template>
  <div>
    <!-- 在模版中,不用加上.Value -->
    state:{{ state.count }}
state2:{{ state2 }}
  </div>
 
</template>


<style lang="scss" scoped>

</style>